.diagram-container.svelte-2vr8b6.svelte-2vr8b6{width:100%;height:80vh;overflow:auto;margin:1rem 0;position:relative;border:1px solid var(--border-primary);border-radius:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--bg-secondary)}.zoom-controls.svelte-2vr8b6.svelte-2vr8b6{display:flex;gap:8px;margin-bottom:8px;position:sticky;top:10px;z-index:10}.zoom-controls.svelte-2vr8b6 button.svelte-2vr8b6{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-soft);transition:all .2s ease}.zoom-controls.svelte-2vr8b6 button.svelte-2vr8b6:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.zoom-controls.svelte-2vr8b6 button.svelte-2vr8b6:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.mermaid{font-family:Arial,sans-serif;padding:20px;min-width:100%;min-height:100%;display:inline-block}.mermaid svg{transition:transform .2s ease}@media (max-width: 768px){.mermaid{font-size:12px}.diagram-container.svelte-2vr8b6.svelte-2vr8b6{height:60vh}}